


const Luyou = () => {
    return (
        <div>

            <h1>路由的使用</h1>
            <p>安装指令:cnpm i react-router-dom--save</p>
            <h3>编程式导航:useNavigate</h3>
            <h4>三种传参的接受方式</h4>
            <h3>useParams</h3>
            <h3>useSearchParams</h3>
            <h3>useLocation</h3>
            <table>
                <tr>
                    <td> BrowserRouter</td>
                    <td>约定为history模式路由</td>
                </tr>
                <tr>
                    <td>HashRouter</td>
                    <td>约定为hash模式路由</td>
                </tr>
                <tr>
                    <td>NavLink</td>
                    <td>声明式跳转(可以有激活状态)</td>
                </tr>
                <tr>
                    <td>Link</td>
                    <td>声明式跳转(没有激活状态)</td>
                </tr>
                <tr>
                    <td>Routes</td>
                    <td>匹配路由</td>
                </tr>
                <tr>
                    <td> Route</td>
                    <td>路由的每一项</td>
                </tr>
                <tr>
                    <td>Outlet</td>
                    <td>路由出口展示</td>
                </tr>
                <tr>
                    <td> Navigate</td>
                    <td>定向</td>
                </tr>
            </table>




        </div >
    )
}
export default Luyou